<template>
	<view @click="onClick">{{title}},点我测试emit</view>
</template>
<script lang="ts" setup>

const childData="我是子组件的变量"

/**定义props */
defineProps<{
	/**子组件标题 */
	title: string
}>()

/**定义emit */
const emit=defineEmits<{
	/**点击事件 */
	(name:'click',event: string):void
}>()

const onClick = () => {
	emit('click', '我是子组件，我被点击了')
}

const childFunction=()=>{
	console.log('我是子组件的方法，我被调用了')
}

/**向外暴露属性或者方法 */
defineExpose({
	/**子组件变量 */
	childData,
	/**子组件方法 */
	childFunction
})

</script>
